<template>
  <el-container>
    <el-header height="66px">
      <edu-header background-color='yellow'></edu-header>
    </el-header>
    <el-container>
      <el-container>
        <el-aside width="14%">
          <edu-menu></edu-menu>
        </el-aside>
        <el-main width="86%">
          <!-- <edu-tab></edu-tab> -->
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </el-container>
</template>

<script>
export default {
  name: "model",
  data() {
    return {
    }
  }
};
</script>

<style scoped>
.el-header{
  line-height: 100px;
  padding:0px;
}
.el-aside{
  line-height: 0px;
  padding:0px;
}
.el-main{
  line-height: 0px;
  padding:0px;
}
.el-tabs__nav{
  z-index: 0;
}
.text-right{
  text-align: right;
}
.my-vue-editor .toolbar {
  padding: 0px !important;
}
ul.tabs {
  height: 30px;
}
ul.dropdown>li {
  margin-top: -5px
}
li.font-tab.tab-with-dropdown.tab{
  height: 25px;
}
li.font-color.tab-with-dropdown.tab{
  height: 30px;
    width: 25px;
}
</style>